<div class="f-container" ms-important="mc_register">
	<div class="g-zhucek">
		<div class="m-flex">
			<div class="u-xian"></div>
			<div class="u-zctitle">注册</div>
			<div class="u-xian"></div>
		</div>

		<form action="#" ms-validate="@validate" class="m-register-form">
			<div class="m-flex">
				<select class="u-list" style="">
					<option value="0">中国大陆</option>
					<option value="1">10086</option>
				</select>
				<input type="tel" class="u-phonenumber" data-required-message="请填写手机号！" data-pattern-message="手机号填写错误" placeholder="填写手机号" maxlength="11" ms-duplex="@mobile" ms-rules="{required: true, pattern: /^1[3|4|5|7|8][0-9]{9}$/}">
			</div>

			<div class="m-flex">
				<input class="u-yanzheng" ms-duplex="@code | change" ms-rules="{required: true}" data-required-message="请填写验证码！" placeholder="验证码" type="tel">
				<div :class="['u-huoqu', 'f-pointer', @disableClass]" :click="@bindGetCode(@disableClass)">{{@getCodeText}}{{@time}}</div>
			</div>

			<div class="m-flex">
				<input class="u-mima" type="password" maxlength="18"
				:duplex="@password | change" data-required-message="请填写密码"
				data-pattern-message="长度在6~16之间，包含字母、数字和下划线"
				placeholder="密码" ms-rules="{required: true, pattern: /^[a-zA-Z0-9_]{6,15}$/}">
			</div>
			<small>长度在6~16之间，包含字母、数字和下划线</small>
			<div class="m-submit-con">
				<button class="u-zcbutton" type="submit">注册</button>
				<a class="tiaologin" href="<%= constructInsideUrl('member/login') %>">已有账号，直接登录></a>
			</div>
		</form>
		<div class="m-flex">
			<div class="u-xian1"></div>
			<div class="u-shouquan">授权登录</div>
			<div class="u-xian1"></div>
		</div>

		<div class="m-flex">
			<a class="u-icon-weibo"><img src="<%= require('./weixin1.png')%>"></a>
		</div>
	</div>
</div>
